<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>title</title>
		<link rel="stylesheet" type="text/css" href="../css/api.css"/>
		<style>
			body {
				font: 14px/28px "微软雅黑";
			}
			.contact *:focus {
				outline: none;
			}
			.contact {
				height: auto;
				/*margin: 40px auto;*/
			}
			.contact ul {
				margin: 0 auto;
			}
			.contact ul li {
				border-bottom: 1px solid #dfdfdf;
				list-style: none;
				padding: 12px;
			}
			.contact ul li label {
				width: 80px;
				display: inline-block;
				float: left;
			}
			.contact ul li input[type=text], .contact ul li input[type=password] {
				width: 220px;
				height: 25px;
				border: 1px solid #aaa;
				padding: 3px 8px;
				border-radius: 5px;
			}
			.contact ul li input:focus {
				border-color: #c00;
			}
			.contact ul li input[type=text] {
				transition: padding .25s;
				-o-transition: padding .25s;
				-moz-transition: padding .25s;
				-webkit-transition: padding .25s;
			}
			.contact ul li input[type=password] {
				transition: padding .25s;
				-o-transition: padding .25s;
				-moz-transition: padding .25s;
				-webkit-transition: padding .25s;
			}
			.contact ul li input:focus {
				padding-right: 70px;
			}
			.btn {
				position: relative;
				left: 300px;
			}
			.tips {
				color: rgba(0, 0, 0, 0.5);
				padding-left: 10px;
			}
			.tips_true, .tips_false {
				padding-left: 10px;
			}
			.tips_true {
				color: green;
			}
			.tips_false {
				color: red;
			}
		</style>
	</head>
	<body>
		<div class="contact" style="width: 100%" >
			<form name="form1" method="post">
				<ul  id="tz">
					<li>
						<label>通知标题:</label>
						<span class="tips" id="title"  ></span>
					</li>
					
					<li>
						<label>发送人员:</label>
						<span class="tips" id="run" ></span>
					</li>
					<li>
						<label>发布时间:</label>
						<span class="tips" id="time"  ></span>
					</li>
					<li>
						<label>通知内容:</label>
						<span class="tips" id="content"  ></span>
					</li>
				</ul>
			</form>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/vue.js"></script>
	<script type="text/javascript" src="../script/common.js"></script>
	<script type="text/javascript" src="../script/jquery-1.11.0.min.js"></script>
	<script type="text/javascript">
		apiready = function() {
			var result = api.pageParam.result;
			$("#title").text(result.title);
			$("#content").text(result.content);
			$("#run").text(result.name);
			$("#time").text(getLocalTime(result.time));
		};
		function getLocalTime(inputTime) {
			var date = new Date(inputTime);
			var y = date.getFullYear();
			var m = date.getMonth() + 1;
			m = m < 10 ? ('0' + m) : m;
			var d = date.getDate();
			d = d < 10 ? ('0' + d) : d;
			var h = date.getHours();
			h = h < 10 ? ('0' + h) : h;
			var minute = date.getMinutes();
			var second = date.getSeconds();
			minute = minute < 10 ? ('0' + minute) : minute;
			second = second < 10 ? ('0' + second) : second;
			return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
		};
	</script>
</html>